<template>
	<div >
		<el-menu :default-active="$store.state.path" class="el-menu-vertical-demo" background-color="#ffffff" text-color="#000000"
			active-text-color="#25d0ff" router>
			<el-menu-item index="/UserIndex">
				<span slot="title">个人信息</span>
			</el-menu-item>
			<el-menu-item index="/UserAddress">
				<span slot="title">收货地址</span>
			</el-menu-item>
			<el-menu-item index="/OrderInfo">
				<span slot="title">我的订单</span>
			</el-menu-item>
			<el-menu-item index="/MyReservation">
				<span slot="title">我的预定</span>
			</el-menu-item>
			<el-menu-item index="/MyIssuePosts">
				<span slot="title">我的帖子</span>
			</el-menu-item>
			<el-menu-item index="/MyFavorite">
				<span slot="title">我的收藏</span>
			</el-menu-item>
		</el-menu>
	</div>

</template>

<script>
	export default {
	    data() {
	      return {
	        activeIndex: '/UserIndex',
	      };
	    },
		}
</script>

<style lang="scss" scoped>
	.el-container {
		height: 100vh;

		.el-menu {
			height: 100%
		}
		.el-menu {
			height: 100%
		}
		
		.el-submenu .el-menu-item {
			min-width: 190px;
		}
		.el-submenu .el-menu-item {
			min-width: 190px;
		}

	}
</style>